﻿<script src="~/Scripts/PartialPagesControllers/HeaderController.js"></script>
<header ng-controller="HeaderController">
    <a href="index.html" class="brand p-15 text-center">
        <h2 class="m-0 fs-20 lh-2 text-white p-5">FGPC ADMIN PANEL</h2>
    </a>
    <a href="javascript:;" class="ml-15 pt-20 pb-20 pl-15 pr-15 fs-20 text-white inline-block lh-1 toggle-sidebar waves-effect" role="button">
        <i class="zmdi zmdi-menu"></i>
    </a>
    <ul class="notification-bar pull-right">
        <li><a href="javascript:;" class="show-search-bar text-white alert-notice waves-effect" role="button"><i class="zmdi zmdi-search"></i></a></li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle text-white alert-notice waves-effect" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="zmdi zmdi-settings animated spinner" data-iterate="infinite" data-duration="2"></i></a>
            <ul class="dropdown-menu dropdown-menu-right dm-small m-0 p-0 bs-2 setting animated flipInY">
                <li class="p-15 pt-10 pb-10 fs-12 text-uppercase fw-700 bg-black bs-inset-primary clearfix">
                    <span class="pull-left">General Settings</span>
                </li>
                <li class="p-15 pt-10 pb-10 clearfix">
                    <div class="pull-left">Fixed Header</div>
                    <div class="switch-button m-0 pull-right">
                        <input id="fixed-header-check" type="checkbox" checked>
                        <label for="fixed-header-check"></label>
                    </div>
                </li>
                <li class="p-15 pt-10 pb-10 clearfix hidden-xs">
                    <div class="pull-left">Fixed Sidebar</div>
                    <div class="switch-button m-0 pull-right">
                        <input id="fixed-sidebar-check" type="checkbox" checked>
                        <label for="fixed-sidebar-check"></label>
                    </div>
                </li>
                <li class="p-15 pt-10 pb-10 clearfix hidden-xs">
                    <div class="pull-left">Pinned Sidebar</div>
                    <div class="switch-button m-0 pull-right">
                        <input id="pinned-sidebar-check" type="checkbox" checked>
                        <label for="pinned-sidebar-check"></label>
                    </div>
                </li>
                <li class="p-15 pt-10 pb-10 clearfix hidden-xs">
                    <div class="pull-left">Closed Sidebar</div>
                    <div class="switch-button m-0 pull-right">
                        <input id="closed-sidebar-check" type="checkbox">
                        <label for="closed-sidebar-check"></label>
                    </div>
                </li>
                <li>
                    <hr class="m-0">
                </li>
                <li class="p-15 pt-10 pb-10 switch-color">
                    <div class="fw-600 mb-10">Choose Sidebar Color</div>
                    <ul class="list-inline">
                        <li><a class="color-box color-sidebar blue" href="javascript:;" data-color="blue"></a></li>
                        <li><a class="color-box color-sidebar green" href="javascript:;" data-color="green"></a></li>
                        <li><a class="color-box color-sidebar aqua" href="javascript:;" data-color="aqua"></a></li>
                        <li><a class="color-box color-sidebar yellow" href="javascript:;" data-color="yellow"></a></li>
                        <li><a class="color-box color-sidebar pink" href="javascript:;" data-color="pink"></a></li>
                        <li><a class="color-box color-sidebar purple" href="javascript:;" data-color="purple"></a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            @Html.Action("Notification", "LayoutPages", new { area = "PartialPages" })
        </li>
        <li><a href="javascript:;" class="toggle-right-sidebar text-white alert-notice waves-effect" role="button"><i class="zmdi zmdi-comment-text"></i></a></li>
        @Html.Action("ProfileInfo", "LayoutPages", new { area = "PartialPages" })
    </ul>
</header>